<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        td{
            border: 1px solid #ccc;
            padding: 3px 10px ;
        }
        table{
            border-collapse:collapse ;
        }
    </style>
</head>
<body>


<script>
    document.write("<table>");
for (i = 1;i<= 9;i++){
    document.write("<tr>");
    for(j = 1;j<=i; j++){
        document.write("<td>");
        document.write("<span>"+i+"*"+j+"="+i*j+"</span>");
        document.write("</td>");
    }
    document.write("</tr>")
}
    document.write("</table>");
</script>
</body>
</html>